@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:rgb(255,255,255);}
::-webkit-scrollbar-thumb{background:rgb(0,165,235);}
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}

*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, Microsoft YaHei;}
*[hide]{display:none;}
*::-webkit-input-placeholder{color:rgb(33,33,33); opacity:.68;}
*::-moz-input-placeholder{color:rgb(33,33,33); opacity:.68;}
*::-ms-input-placeholder{color:rgb(33,33,33); opacity:.68;}

html,body{margin:0; width:100%; min-height:100%; word-wrap:break-word; word-break:break-all; 
background:rgb(255,255,255); font-size:12px; font-weight:400; line-height:1.75; color:rgb(33,33,33);}

dir,ul,ol,li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}
p,dl,dt,dd{margin:0; padding:0;}

img{border:none;}
p>img{max-width:100%;}
ins{text-decoration:none;}
a{text-decoration:none; color:rgb(33,33,33); transition:.3s;}
a:hover{color:rgb(0,165,235);}
a[button="button"]{display:inline-block; padding:4px 18px; border-radius:4px; background:rgb(0,165,235); color:#fff;}
a[button="button"] *{cursor:pointer;}
a[button="button"]:hover{opacity:.8; box-shadow:0 0 5px rgba(0,0,0,0.1);}
@media(max-width:767px){
a[button="button"]{padding:2px 12px; border-radius:2px;}
}

h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:400;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:14px;}
h4{font-size:13px;}
h5{font-size:11px;}
h6{font-size:12px;}

table,tbody{width:100%; border-collapse:collapse;}
tr{background:#fff; transition:.3s;}
tr:hover{background:#f8f8f8;}
th{background:#fcfcfc;}
th,td{border:1px solid #f0f0f0; padding:8px; text-align:left;}

section{display:block;}

article{display:block; max-width:100%; margin:0 auto;}
article:after{display:block; content:''; clear:both;}
article iframe,
article video,
article img{max-width:100%;}
@media(min-width:1200px){
article{padding:0 28px; width:1388px;}
}
@media(max-width:1199px){
article{padding:0 18px;}
}
@media(max-width:767px){
article{padding:0 8px;}
}

aside iframe,
aside video,
aside img{max-width:100%;}
aside:after{display:block; content:''; clear:both;}

dir{display:block;}
dir>ol{margin:0 -4px; text-align:center; font-size:0;}
dir>ol>li{display:inline-block; margin:4px;}
dir>ol>li>a{display:block; padding:2px 8px; border-radius:3px; border:1px solid #f0f0f0; font-size:12px;}
dir>ol>li>a.on,
dir>ol>li>a:hover{background:rgb(0,165,235); border-color:rgb(0,165,235); color:#fff;}
dir>ol>li>a.on,
dir>ol>li>a.no{cursor:no-drop;}
@media(max-width:767px){
dir>ol{margin:-3px;}
dir>ol>li{display:inline-block; margin:3px;}
dir>ol>li>a{display:block; padding:0 8px; border-radius:2px;}
}


select,
textarea,
input[type=file],
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email]{display:block; width:100%; margin:0; transition:.3s;  padding:8px 12px; border-radius:3px; 
background:#fff; border:1px solid #f0f0f0; line-height:1.75; height:39px; font-size:12px;}
select[multiple],
textarea{height:102px;}
select:hover,
textarea:hover,
input[type]:hover,
input[type]:hover,
select:focus,
textarea:focus,
input[type]:focus,
input[type]:focus{box-shadow:0 0 8px rgba(0,0,0,.08);}

h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; text-align:center; user-select:none; pointer-events:none;}
h6.alert>b{display:inline-block; color:#fff; max-width:320px; background:rgb(255,98,76); text-align:left; box-shadow:0 0 18px rgba(0,0,0,.08); border-radius:3px; padding:8px 22px; font-size:16px; font-weight:normal;}
h6.alert.red>b{background:rgb(255,98,76);}
h6.alert.green>b{background:rgb(29,213,111);}
h6.alert.brown>b{background:#a5692d;}
h6.alert.yellow>b{background:#ffd700;} 
h6.alert.blue>b{background:rgb(56,129,245);}
h6.alert.gold>b{background:linear-gradient(to right bottom,#ffd700,#edc86c);}

section.copyright{background:#000; padding:8px 0; text-align:center; color:#fff;}
section.copyright a{color:#fff;}
@media (min-width: 1200px){
    article {
        width: 1056px;
    }
}
.fl{float: left;}
.fr{float: right;}
.head{position:relative; z-index:8; padding:18px 0; background:;}
.head .topbar{height: 40px;color: #8a8a8a;}
.head .topbar .welcome{float: left;}
.head .topbar .tool-bar{float: right;}
.head .topbar .tool-bar a{padding: 0 10px;color: #8a8a8a;}
.head .topbar .tool-box a.weixin {position: relative;}
.head .topbar .tool-box .weixin img.qrcode {position: absolute;z-index: 99;top: 0;right: 64px;width: 7.5rem;max-width: none;height: 7.5rem;transform: scale(0);transform-origin: top right;opacity: 0;border: .1rem solid #c63614;border-radius: .25rem;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.head .topbar .tool-box .weixin:hover img.qrcode {transform: scale(1);opacity: 1;}
.head .logo-box{display:block;float:left; font-size:0; height:48px; line-height:48px;} 
.head .logo-box a img{display:inline-block; max-height:70px; vertical-align:middle;}
.head .menu-box{display:none;}
.head .head_text{float:left; margin-left:10%;padding-top: 6px;}
.head .head_text h2,.head .head_text h3{font-size: 20px;line-height: 30px;color: #666;font-weight: bold;}
.head dl.hot_line{float:right;padding-top: 4px;padding-left: 36px;margin-top:10px;background: url(../box/images/hdphoen_ico.png) no-repeat left center;color: #a1a1a1;}
.head dl.hot_line dd {font-size: 24px;color: #546a85;line-height: 24px;}
.head .search-box{float:right; margin-left:28px;} 
.head .search-box>i{display:none;}
.head .form-box>form{position:relative; display:block; height:38px;}
.head .form-box>form>input{display:block; width:100%; height:auto; line-height:20px; padding:8px 50px 8px 18px; 
transition:.3s; background:#fff; border:1px solid #f0f0f0;}
.head .form-box>form>input:hover,
.head .form-box>form>input:focus{box-shadow:0 0 5px rgba(0,0,0,.05);}
.head .form-box>form>button{position:absolute; top:0; right:0; width:50px; height:38px; line-height:38px;
cursor:pointer; background:none; border:none; padding:0; transition:.2s; color:#131313;}
.head .form-box>form>button:hover{color:rgb(0,165,235); box-shadow:none;}
.head .globe-box{float:right; position:relative;margin-left: 15px;}
.head .globe-box img{height:18px; vertical-align:middle; margin-right:4px;}
.head .globe-box>span{display:block; cursor:pointer;}
.head .globe-box>span>i{font-style:normal;}
.head .globe-box>span:after{display:inline-block; content:'\2228'; margin-left:3px; transition:transform .3s;}
.head .globe-box>ul{position:absolute; top:100%; left:-13px; width:108px; border-radius:3px;
background:#fff; border:1px solid #f0f0f0; visibility:hidden; opacity:0; transform:translateY(-8px); transition:.3s;}
.head .globe-box:hover>ul{visibility:visible; opacity:1; transform:translateY(0);}
.head .globe-box>ul>li{display:block; border-top:1px dashed #f0f0f0;line-height:35px;}
.head .globe-box>ul>li:first-child{border-top:none;}
.head .globe-box>ul>li>a{display:block; padding:0 12px;}
.head .globe-box>ul>li>a:hover{background:#f8f8f8;}
.head .globe-box>ul>li>a>span{display:inline-block; color:rgb(33,33,33);}

@media(max-width:1200px){
.head .logo-box{height:60px; line-height:60px;} 
.head .logo-box a img{max-height:60px;}
}
@media(max-width:991px){
.head .menu-box{display:block; float:right; cursor:pointer; margin-left:18px;}
.head .menu-box i{font-size:22px; line-height:38px;}
.head .search-box{margin-left:18px;} 
.head dl.hot_line{display: none;}
}
@media(max-width:767px){ 
.head{padding:8px 0;}
.head .topbar,
.head .head_text{display: none;}
.head .logo-box{height:40px; line-height:40px;} 
.head .logo-box a img{max-height:40px;}
.head .menu-box i{font-size:18px;}
.head .search-box{margin-left:8px;}
.head .search-box>i{display:block; line-height:38px; font-size:18px;}
.head .form-box{position:absolute; top:100%; left:0; right:0; padding:8px; visibility:hidden; opacity:0; transform:translateY(-8px); transition:.3s; background:rgb(16,66,145);}
.head .search-box>i.on+.form-box{visibility:visible; opacity:1; transform:translateY(0);}
.head .globe-box>span>img{margin-right:0;}
.head .globe-box>span>i,
.head .globe-box>span:after{font-size:0; margin:0;}
.head .globe-box>ul{left:-54px;}
}

.nav{position:relative; font-size:0; z-index:6; background:rgb(16,66,145);}
.nav div>ul>li{transition:background .3s;}
.nav div>ul>li>a,
.nav div>ul>li>strong{transition:color .3s; font-size:12px; font-size:14px;}
.nav article>div>ul>li div>ul>li>a,
.nav article>div>ul>li div>ul>li>strong{font-size:12px;}
.nav article>div>ul>li>a{color:rgb(255,255,255);}
.nav div>ul>li>a>b{font-weight:inherit;}
@media(min-width:992px){
.nav{}
.nav div{}
.nav div div{background:#fff;}
.nav article>div>ul{white-space:nowrap;}
.nav article>div>ul>li{display:inline-block; position:relative; text-align:center; line-height: 58px;width: 11%;background: url(../box/images/dh.jpg) no-repeat left;}
.nav article>div>ul>li:first-child{background-image: none;}
.nav article>div>ul>li>a{display:block;	transition:all .5s;}
.nav article>div>ul>li.on>a,
.nav article>div>ul>li.pn>a{background:;}
.nav article>div>ul>li.has>a:after{display:inline-block; content:'\2228'; margin-left:3px; transition:transform .3s;}
.nav article>div>ul>li.has:hover>a:after{transform:rotate(180deg);}
.nav article>div>ul>li>a.on,.nav article>div>ul>li:hover>a {background: url(../box/images/navlih.png) repeat-x center bottom;}
.nav article>div>ul>li div{position:absolute; left:100%; top:0; width:140px; visibility:hidden; opacity:0; transition:.05s; transform:scale(0); transform-origin:top center;}
.nav article>div>ul>li div div{transform-origin:left center;}
.nav article>div>ul>li>div li.right div{left:auto; right:100%; transform-origin:right center;}
.nav article>div>ul li:hover>div{visibility:visible; opacity:1; transition:.3s; transform:scale(1);}
.nav article>div>ul>li>div{left:50%; top:100%; width:140px; margin-left:-70px;}
.nav article>div>ul>li div>ul{box-shadow:0 0 5px rgba(0,0,0,.1);}
.nav article>div>ul>li div>ul>li{position:relative; border-top:1px dashed #f0f0f0; }
.nav article>div>ul>li div>ul>li:first-child{border-top:0;}
.nav article>div>ul>li div>ul>li>a{display:block; padding:8px 0;}
.nav article>div>ul>li div>ul>li>a>b{}
.nav div>ul>li:hover{ z-index:1;}
.nav div>ul>li:hover>a{color:rgb(0,165,235);}
}
@media(max-width:991px){
.nav{min-height:0 !important; z-index:9;}
.nav div{position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; background:#fff;}
.nav div>ul{height:100%; overflow-y:auto;}
.nav div>ul>li{display:block; border-top:1px solid rgba(255,255,255,.08);}
.nav div>ul>li:first-child{border-top:0;}
.nav div>ul>li>a{display:block; padding:8px 28px 8px 16px;}
.nav div>ul>li.back>a:before{content:'\226A';}
.nav div>ul>li.close>a:before{content:'\2715';}
.nav div>ul>li>div{transition:.3s; transform:translateX(100%);}
.nav div>ul>li.active>div{transform:translateX(0);}
.nav div>ul>li>strong{font-weight:inherit; float:right; padding:8px 16px;}
.nav div>ul>li>strong:before{content:'\226B';}
.nav article>div{position:fixed; left:25%; visibility:hidden; opacity:0; transition:.3s; transform:translateX(100%);background:rgb(16,66,145);}
.nav.active article>div{visibility:visible; opacity:1; transform:translateX(0);}
.nav>a.close{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.35); visibility:hidden; opacity:0; transition:.3s;}
.nav.active>a.close{visibility:visible; opacity:1;}
.nav>a.open{position:absolute; line-height:1; top:0px; right:0px; font-size:20px;}
.nav>a.open:before{content:'\2261';}
}
.nav div>ul>li.on,
.nav div>ul>li.pn{}
.nav div>ul>li.on>a,
.nav div>ul>li.pn>a,
.nav div>ul>li.on>strong,
.nav div>ul>li.pn>strong{color:rgb(0,165,235);}


.banner{position:relative; z-index:2; overflow:hidden; background:;}
.banner:after{display:block; content:''; cleart:both;}
.banner>ul{width:10000%;}
.banner>ul:after{display:block; content:''; cleart:both;}
.banner>ul>li{width:1%; float:left; position:relative;}
.banner>ol{position:absolute; bottom:5%; left:0; right:0; text-align:center; font-size:0;}
.banner>ol>li{display:inline-block; cursor:pointer;}
.banner>ol>li:before{display:block; content:''; border-radius:18px; box-shadow:0 0 3px rgba(0,0,0,.08); background:rgba(185,185,185,.5);}
.banner>ol>li.active:before{background:rgb(0,165,235);}
.banner .image img{display:block; max-width:100%; margin:0 auto; object-fit:cover;}
.banner .content{position:absolute; padding:0 15px; left:0; right:0; top:0; bottom:0; pointer-events:none;}
.banner .content>article{}
.banner .content>article *{pointer-events:auto;}
@media(min-width:992px){
.banner>ol>li:before{margin:5px; width:15px; height:15px;}
.banner>dl{visibility:hidden; opacity:0; transition:.3s;}
.banner:hover>dl{visibility:visible; opacity:1;}
.banner>dl>*{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; transform:rotate(45deg);
cursor:pointer; transition:.3s; border-style:solid; border-color:rgb(33,33,33);}
.banner>dl>dt{left:30px; border-width:0 0 2px 2px;}
.banner>dl>dd{right:30px; border-width:2px 2px 0 0;}
.banner>dl>dt:hover,
.banner>dl>dd:hover{border-color:rgb(0,165,235);}
}
@media(max-width:991px){
.banner>dl{display:none;}
.banner>ol>li:before{margin:3px; width:10px; height:10px;}
}

.foot{position:relative; padding-top:18px; padding-bottom:18px; background:rgb(16,66,145); color:#f8f8f8;}
.foot a{color:#f8f8f8;}
.foot a:hover{color:rgb(0,165,235);}
.foot article{text-align: center;}
.foot aside{padding-top: 15px;}
.foot aside .weixin_code{float: left; margin-left: 20px;}
.foot aside .foot_info{float: left;text-align: left;line-height: 30px;font-size: 13px;color: #fff;margin: 25px 0 0 30px;}
.foot aside .foot_info b{font-weight: normal;}
.foot aside dl.hot_line{float:right;padding-left: 50px;margin:50px 30px 0 0;background: url(../box/images/fotphoen_ico.png) no-repeat left center;color: #fff;}
.foot aside dl.hot_line dt {text-align: left;}
.foot aside dl.hot_line dd {line-height: 26px;font-size: 20px;font-weight: bold;color: #fff;}
.foot article>ol{text-align:center; font-size:0; margin-bottom:8px;}
.foot article ol.foot_nav{color: #222;text-align: center;background: #0d2e63;margin-top: 5px;}
.foot article ol li{font-size:12px;display:inline-block;}
.foot article ol li a{padding: 0 18px;color: #fff;border-right: 1px dotted #ccc;}
.foot article ol li:last-child a{border-right:none;}
.foot article>p>span{margin-right:8px;}
.foot article>p>span:last-child{margin:0;}

@media(min-width:992px){
    .foot article ol.foot_nav{height: 52px;line-height: 52px;}
}
@media(max-width:991px){
    .foot article ol.foot_nav{height: auto;line-height: 30px;padding-top: 5px;}
    .foot aside dl.hot_line{display: none;}
}
@media(max-width:767px){ 
    .foot aside .weixin_code{display: none;}
    .foot aside .foot_info {float: none;text-align: center;line-height: 25px;font-size: 13px;color: #fff;margin: 10px;}
}

.foot_link{padding: 16px 0;background-color: #fff;}
.foot_link article {overflow: hidden;}
.foot_link h4{width: 88px;height: 48px;margin-right: 15px;background-image: url(../box/images/yqljtit.png);background-repeat: no-repeat;}
.foot_link h4 span{display: none;}
.foot_link article>ul{font-size:0; margin:8px 0;}
.foot_link article ul li{font-size:12px; display:inline-block; line-height:38px;}
.foot_link article ul li:before{content:'/'; display:inline-block; margin:0 4px 0 8px;}
.foot_link article ul li:first-child:before{display:none;}
.foot_link article li img{height:38px; vertical-align:middle;}
.foot_link article li:first-child{margin-left:0;}

.breadcrumbs {text-align: left;margin-bottom: 10px;padding: 0 18px;height: 35px;line-height: 35px;background: url(../box/images/conttitbg2.png) no-repeat left center;}
.breadcrumbs ul {list-style: none;text-align: center; margin: 0;display: inline-block;}
.breadcrumbs ul li {display: inline;color: #333;}
.breadcrumbs ul li + li {margin-left: 5px;}
.breadcrumbs ul li + li::before {content: ">";display: inline-block;color: #333;margin-right:5px;}
.breadcrumbs ul li a {line-height: 28px;font-weight: 400;color: #333;}

.menu{overflow: hidden;}
.menu h4{height: 54px;line-height: 54px;background: #104291 url(../box/images/cpmutit.png) no-repeat 36px center;color: #fff;font-weight: bold;text-align: center;}
.menu h4 a {font-size: 16px;color: #fff;}
.menu ul {list-style: none;}
.menu li {background: url(../box/images/cpmuli_ico.png) no-repeat right 15px center;}
.menu li a {padding-left: 16px;margin: 0 6px;display: block;height: 37px;line-height: 37px;border-bottom: 1px dotted #b2bcc8;font-size: 13px;color: #333;text-decoration: none;}
.menu li:hover {background-color: #c63614;}
.menu li:hover a {color: #fff;}
.menu_cont {margin-top: 2px;padding-bottom: 12px;border: 1px solid #e2e2e2;}
.menu_cont p {margin: 16px 8px;line-height: 22px;font-size: 13px;color: #546a85;}
.menu_cont .mu_phone {margin-left: 10px;padding-left: 36px;background: url(../box/images/hdphoen_ico.png) no-repeat left center;color: #546a85;}
.menu_cont .mu_phone dd {font-size: 24px;line-height: 24px;}
.sidebar h4.title{background: #104291;line-height: 40px;padding: 0 10px;color: #fff;font-size: 14px;font-weight: bold;}
.contact{background: none repeat scroll 0 0 #fff;border: 1px solid #ccc;overflow: hidden;}
.contact .sub_content{padding: 10px;}
.contact .sub_content img{display: block; width: 100%;}

.toolbar-item,.toolbar-layer{background:url(../box/images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:10px;bottom:58px;z-index: 99999}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}